<template>
  <div class="scollnav">
    <figure v-for="(item,index) in nav" :key="index">
      <img :src="item.icon" alt />
      <p>{{item.name}}</p>
    </figure>
  </div>
</template>

<script>
export default {
  props: {
    nav: {}
  }
};
</script>

<style scoped>
.scollnav {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
figure {
  width: 20%;
}
figure img {
  width: 80%;
  margin-left: 10%;
}
figure p {
  width: 100%;
  text-align: center;
  font-size: 12px;
}
</style>